<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单2</title>
</head>
<body>
<!--
action属性：设置提交的服务器地址
method属性：设置提交的方法GET或POST
-->
<form action="http://localhost:8080"method="get">
    <ibput type="hidden"name="action"value="login"></ibput>
<!--    提交时返回http://localhost:8080/?sex=on
http://localhost:8080/为服务器
？为分隔符
sex=on为请求参数（表单的信息）
如想把内容提交给服务器时需加name参数

表单提交时，数据没有发给服务器的三种情况：
1，表单项没有name属性值
2，单选，复选（下拉列表中的option标签）都需要添加value属性，以便发送给服务器
3,表单项不在提交的form标签中

method="get"/method="post"
GET请求的特点是：
1、浏览器地址栏中的地址是：action属性[+？+请求参数]
请求参数的格式是：name=value&name=value
2、不安全，密码直接显示在地址栏
3、有数据长度的限制

post请求的特点：
1、浏览器地址栏中只有action属性值
2、相对于get请求要安全
3、理论上没有数据长度的限制

-->
    <h1 align="center">用户注册</h1>
    <table align="center">

        <tr>
            <td>
                用户账号:
            </td>
            <td>
                <!--            文字和输入框之间加td会导致间隔过长-->
                <input type="text"value="默认值"name="ursename"/>
            </td>
        </tr>

        <tr>
            <td>
                用户密码:
            </td>
            <td>
                <input type="password"value="010101"name="password"/>
<!--          如： http://localhost:8080/?  password=010101  &sex=on 定义后会随之输出至服务器-->
            </td>
        </tr>
        <tr>
            <td>
                确认密码:
            </td>
            <td>
                <input type="password"value="010101"/>
            </td>
        </tr>
        <tr>
            <td>
                性别:
            </td>
            <td>
                <input type="radio"name="sex"checked="checked"value="boy"/>男
                <input type="radio"name="sex"value="gril"/>女
            </td>
        </tr>
        <tr>
            <td>
                兴趣爱好:
            </td>
            <td>
                <input type="checkbox"checked="checked"value="Java"/>Java
                <input type="checkbox"value="JSP"/>JSP
                <input type="checkbox"value="Python"/>Python
            </td>
        </tr>
        <tr>
            <td>
                国籍:
            </td>
            <td>
                <select name="country">
                    <option value="none">--滑动选择--</option>
                    <!--输出为空时为none -->
                    <option selected="selected"value="cn">--中国--</option>
                    <!--selected="selected":默认选项-->
                    <option value="usa">--美国--</option>
                    <option value="ru">--俄罗斯--</option>
                    <option value="fr">--法国--</option>
                    <option value="uk">--英国--</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                自我评价:
            </td>
            <td>
                <textarea rows="10"cols="20">起始标签和结束标签中间的内容是默认值</textarea><br/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="file"/>
            </td>
        </tr>
        <tr>
            <td>
                <input type="reset"value="重置">
            </td>
            <td>
                <input type="submit"value="提交">
            </td>
            <td>
                <input type="button"value="完成"/>
            </td>
        </tr>
        <tr>
            <td><input type="hidden"/></td>
        </tr>

    </table>
</form>
</body>
</html>